import { OrbitControls } from '@react-three/drei';
import { Canvas } from '@react-three/fiber';
import React from 'react';

import Effects from './Effects';
import Whale from './Whale';

const BackgroundScene = () => {
  return (
    <Canvas camera={{ fov: 75, position: [10, -25, 12] }}>
      <color attach="background" args={['#000']} />
      <directionalLight position={[1, 2, 3]} intensity={4} />

      <Whale />
      <Effects />
      <OrbitControls />
    </Canvas>
  );
};

export default BackgroundScene;
